<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="服务端渲染验证网">
    <meta name="description" content="服务端渲染验证网">
    <title>服务端渲染验证网</title>
    <link rel="canonical" href="https://getbootstrap.com/docs/4.6/examples/carousel/">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <!-- Bootstrap core CSS -->
    <link href="../jslib/bootstrap/assets/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="../jslib/bootstrap/carousel.css" rel="stylesheet">
    <link rel="stylesheet" href="../jslib/theme/red.css">
    <link rel="stylesheet" href="../jslib/bootstrap-reset.css">
    <link rel="stylesheet" href="../jslib/home/home.css">
</head>
<body class="luban-reset">
<div class="luban-top">
    客服电话：4006-******（人工客服时间:工作日8:00-12:00;13:30~17:30）
</div>
<div class="container" style="padding:12px 0px;">
    <img src="../images/logo.png" alt="*网">
</div>

<header class="luban-header luban-bgcolor">
    <div class="container">
        <nav class="navbar navbar-dark  container-xxl navbar-expand-sm">
            <a class="navbar-brand navbar-toggler" href="https://www.crecgec.com/" target="_blank"
               data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse"
               aria-expanded="false">服务端渲染验证网</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item" th:each="nav: ${homeData.navList}">
                        <a class="nav-link" href="#" th:text="${nav.name}"></a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-expanded="false">
                            更多
                        </a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="#">企业服务网</a>
                            <a class="dropdown-item" href="#">业务资讯网</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="#">企业服务网</a>
                        </div>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</header>
<main role="main" class="luban-main">
    <div class="container">
        <div class="row luban-row">
            <div class="col-lg-3  animate__animated animate__backInLeft">
                <div class="card luban-margin-bottom">
                    <div class="card-header">
                        通知公告
                    </div>
                    <div class="card-body">
                        <ul>
                            <li class="" th:each="nav,iterStat : ${homeData.holidayNotice}">
                                <a class="nav-link" href="#" th:text="${nav.name}">通知公告</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="card luban-margin-bottom">
                    <div class="card-header">
                        平台成交信息
                    </div>
                    <div class="card-body">
                        <ul>
                            <li>网上采购金额<span>24174.49</span>亿元</li>
                            <li>本年累计成交金额<span>513.12</span>亿元</li>
                            <li>本月累计成交金额<span>513.12</span>亿元</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-lg-6  animate__animated animate__pulse">
                <div id="myCarousel" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <!--

                            style="width: 714px;height: 400px;"
                            -->
                            <img src="images/1670549990804_1294613713.png" alt="" style="width: 100%;height: 100%;">
                        </div>
                        <div class="carousel-item">
                            <img src="images/1670549990804_1294613713.png" alt="" style="width: 100%;height: 100%;">
                        </div>
                    </div>
                    <button class="carousel-control-prev" type="button" data-target="#myCarousel" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </button>
                    <button class="carousel-control-next" type="button" data-target="#myCarousel" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </button>
                </div>
            </div>
            <div class="col-lg-3 animate__animated animate__backInRight">
                <div class="luban-login-container luban-bgcolor">
                    <div style="color:#fff;text-align: center;padding-top:12px;">欢迎来到服务端渲染验证网</div>
                    <div style="color:#fff;text-align: center;height:100px;line-height: 100px;">
                        <button type="button" class="btn btn-primary luban-color">用户登录</button>
                    </div>
                    <div style="color:#fff;text-align: center;">
                        <a>忘记密码</a>
                        <a>免费注册</a>
                    </div>
                </div>
                <div class="luban-system-link-container js-luban-system-link">
                    <nav>
                        <div class="nav nav-tabs justify-content-center" id="nav-tab" role="tablist">
                            <button class="nav-link active" id="nav-enterprise-tab" data-toggle="tab"
                                    data-target="#nav-enterprise" type="button" role="tab"
                                    aria-controls="nav-enterprise" aria-selected="true">企业
                            </button>
                            <button class="nav-link" id="nav-personal-tab" data-toggle="tab" data-target="#nav-personal"
                                    type="button" role="tab" aria-controls="nav-personal" aria-selected="false">个人
                            </button>
                        </div>
                    </nav>
                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab-pane fade show active" id="nav-enterprise" role="tabpanel"
                             aria-labelledby="nav-enterprise-tab">
                            <div class="luban-system-link">
                                <button type="button" class="btn btn-primary btn-sm">企业系统AAA</button>
                                <button type="button" class="btn btn-primary btn-sm">企业系统BBB</button>
                                <button type="button" class="btn btn-primary btn-sm">企业系统CCC</button>
                                <button type="button" class="btn btn-primary btn-sm">企业系统DDD</button>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="nav-personal" role="tabpanel" aria-labelledby="nav-personal-tab">
                            <div class="luban-system-link">
                                <button type="button" class="btn btn-primary btn-sm">个人系统AAA</button>
                                <button type="button" class="btn btn-primary btn-sm">个人系统BBB</button>
                                <button type="button" class="btn btn-primary btn-sm">个人系统EEE</button>
                                <button type="button" class="btn btn-primary btn-sm">个人系统FFF</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row luban-row">
            <div class="col-lg-12">
                <h2 class="luban-subtitle luban-border-color">
                    <span class="luban-subtitle-text luban-bgcolor">物资频道</span>
                    <span class="luban-subtitle-triangle  luban-border-color"></span>
                </h2>
            </div>
        </div>
        <div class="row luban-row">
            <div class="col-lg-3  animate__animated animate__backInUp">
                111
            </div>
            <div class="col-lg-6  animate__animated animate__backInUp">
                222
            </div>
            <div class="col-lg-3  animate__animated animate__backInUp">
                333
            </div>
        </div>
        <!--广告位-->
        <div class="row luban-row">
            <div class="col-lg-12">
                <div style="background: #0a53be;height:80px;width:100%;">
                    <div style="width:100%;font-size:24px;color:#fff;text-align: center;line-height: 70px;letter-spacing: 24px;">
                        广告位
                    </div>
                </div>
            </div>
        </div>
    </div>


</main>
<div class="container">
    <footer class="py-3 my-4">
        <ul class="nav justify-content-center border-bottom pb-3 mb-3">
            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">集团网站</a></li>
            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">广告服务</a></li>
            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">联系我们</a></li>
            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">合作伙伴</a></li>
            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">法律声明</a></li>
        </ul>
        <p class="text-center text-muted">&copy; 2022 Company, Inc</p>
    </footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../jslib/bootstrap/assets/js/vendor/jquery.slim.min.js"><\/script>')</script>
<script src="../jslib/bootstrap/assets/dist/js/bootstrap.bundle.min.js"></script>
<script src="../jslib/home/home.js"></script>
</body>
</html>
